import { } from "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.js";

const $mod_floor = $(".mod_floor");//楼层
const $louti = $(".elevator_box .elevator_item");//每个楼梯
const $elevator_box = $(".elevator_box");//楼梯盒子

scroll();
$(window).on("scroll", function () {
    scroll();
});

// 滚动滚条时
function scroll() {
    let $top = $(window).scrollTop();
    if ($top > 600) {
        // $elevator_box.show();
        $elevator_box.css({
            transform: "scale(1)",
        })

        // 尾部调节
        if ($top > $("main").height() - 500) {
            if ($(".top").height() == 0) {
                $elevator_box.css("top", $("main").height() - $top - 270);
            } else {
                $elevator_box.css("top", $("main").height() - $top - 180);
            }
        } else {
            $elevator_box.css("top", "40%");
        }
    } else {
        $elevator_box.css({
            transform: "scale(0)",
        });
        // $elevator_box.hide();
    }

    // 通过滚动条的改变，给对应的楼梯添加激活状态(active)
    $mod_floor.each(function (index, element) {
        let $modtop = $(element).offset().top + 200;
        if ($modtop >= $top) {
            $louti.eq(index).addClass("active").siblings("a").removeClass("active");
            return false;
        }
    });
}

//点击楼梯移动到对应的楼层
$louti.on("click", function () {
    let $top
    if ($(".top").height == 0) {//判断头部广告是否已关闭
        $top = $mod_floor.eq($(this).index()).offset().top;
    } else {
        $top = $mod_floor.eq($(this).index()).offset().top - 90;
    }
    $("html,body").animate({ scrollTop: $top }, 300);
});
